<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/stylesheets/style.css">
    <style>
        #newResume {
            width: 380px;
            /* height: 556px; */
            border: #555 solid 1px;
            margin: 0 auto;
            padding: 20px;
        }

        .block {
            display: block;
        }

        .inline {
            display: inline-block;
        }

        .font-bg {
            font-size: 15px;
        }

        .font-sm {
            font-size: 6px;
        }

        p {
            line-height: 12px;
            font-family: 'SimSun';
        }
        hr{
           margin-bottom: 1.5px;
        }
    </style>
</head>

<body>

    <div id="newResume" contenteditable="true">
        <form action="" class="layui-form">
            <input type="text" id="name" class="inline font-bg" style="border: none">
            <div>
                <p id="sex" class="font-sm"></p>
            </div>
            <div>
                <p id="phone" class="font-sm"></p>
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">教育经历</blockquote>
            <div id="edu_resume">
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">工作经历</blockquote>
            <div id="pra_resume">
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">获奖经历</blockquote>
            <div id="hon_resume">
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">项目经历</blockquote>
            <div id="pro_resume">
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">个人技能</blockquote>
            <div id="pro_skill">
            </div>
            <hr>
            <blockquote class="layui-elem-quote font-sm" style="padding: 1px;">自我评价</blockquote>
            <div id="pro_evaluate">
            </div>
            <hr>
        </form>
    </div>
    <div style="padding-left: 200px;">
        <input type="button" class="layui-btn layui-btn-sm" value="打印" onclick="printme()" id="btn">
    </div>
    <script src="/layui/layui.js"></script>
    <script src="/jquery.min.js"></script>
    <script src="/jquery.cookie.js"></script>
    <script src="/javascripts/getInformation.js"></script>
    <script src="/javascripts/addInformation.js"></script>
    <script src="/javascripts/deleteInformation.js"></script>
</body>
<script>
    $(function () {
        getBasicInfo();
        getEducationInfor();
        getPracticeInfo();
        getProjectInfo();
        getHonerInfo();
    })

    function printme() {
        $("#btn").css("display", 'none');
        $("#newResume").css("border", 0)
        window.print();
    }
</script>

</html>